<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				padding: 0;
				margin: 0;
			}
			
			html{
				/*
				 网页中字体大小最小是12px，不能设置一个比12px小的字体
				   如果我们设置了一个比12px小的字体，则字体自动设置为12px
				   
				   0.1333333vw = 1px
				   
				   5.3333vw =40px
				 * */
				
				font-size:5.33333vw;
			}
			
			.box1{
				
				/*
				 rem
				    1rem = 1 html的大小
				    1rem=  40 HTML的大小
				    
				    
				 */
				width:18.75rem;
				height:0.875rem;
				background-color: #BBFFAA;
			}
		</style>
	</head>
	<body>
		<div class="box1"></div>
	</body>
</html>
